<template>
    <div class="popup acea-row row-center row-middle">
        <transition name="fade">
            <div v-show="show" class="transition-box">

            </div>
        </transition>
    </div>
</template>

<script>
    export default {
        name: 'popup',
        props:{
            show:{
                type: Boolean,
                value: true,
            }
        }

    }
</script>

<style scoped lang="less">
    .popup{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;

        .transition-box{
            width: 500px;
            height: 500px;
            background-color: #Ffffff;
        }

    }
</style>
